﻿<html>
<head>
    <title>Window - jQuery MiniUI 3.0 Documentation</title>    

    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="keywords" content="jquery,datagrid,grid,表格控件,ajax,web开发,java开发,.net开发,tree,table,treegrid" />
    <meta name="description" content="jQuery MiniUI - 专业WebUI控件库。jQuery MiniUI是使用Javascript实现的前端Ajax组件库，支持所有浏览器，可以跨平台开发，如Java、.Net、PHP等。" />

    <link href="css/common.css" rel="stylesheet" type="text/css" />
    <script src="core.js" type="text/javascript"></script>
    
        

</head>
<body>
    <h3>mini.Window</h3>
    
    <p>弹出面板。</p>

    <h4>Extend</h4>
    <p> <a class="extendlink" href="panel.html">mini.Panel</a></p>    


    <h4>Screenshots</h4>
    <img src="images/window.gif" />

    <h4>Examples</h4>
	<a class="demo" href="../../demo/window/window.html" target="_blank">Window</a>
    

    <h4>Properties</h4>
    <table>
        <tr><th>Name</th><th>Type</th><th>Description</th><th>Default</th><th><a href="setsupport.html" target="_blank" style="padding-left:5px;padding-right:5px;"> Set? </a></th><th><a href="getsupport.html" target="_blank" style="padding-left:5px;padding-right:5px;"> Get? </a></th><th><a href="tagsupport.html" target="_blank" style="padding-left:5px;padding-right:5px;"> Tag? </a></th></tr>
        <tr>
            <td>allowDrag</td>
            <td>Boolean</td>
            <td>是否允许拖拽位置</td>
            <td></td>
            <td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td>
        </tr>        
        <tr>
            <td>allowResize</td>
            <td>Boolean</td>
            <td>是否允许调整尺寸</td>
            <td></td>
            <td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td>
        </tr>
        <tr>
            <td>showCloseButton</td>
            <td>Boolean</td>
            <td>是否显示关闭按钮</td>
            <td>true</td>
            <td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td>
        </tr>
        <tr>
            <td>showMaxButton</td>
            <td>Boolean</td>
            <td>是否显示最大化按钮</td>
            <td>false</td>
            <td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td>
        </tr>
                <tr>
            <td>showModal</td>
            <td>Boolean</td>
            <td>是否显示遮罩</td>
            <td>false</td>
            <td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td>
        </tr>
<!--                <tr>
            <td>showShadow</td>
            <td>Boolean</td>
            <td>是否显示阴影</td>
            <td>true</td>
            <td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td>
        </tr>-->
<!--        <tr>
            <td>showInBody</td>
            <td>Boolean</td>
            <td>是否显示在document.body元素内</td>
            <td>true</td>
            <td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td>
        </tr>-->
        <tr>
            <td>enableDragProxy</td>
            <td>Boolean</td>
            <td>拖拽时是否显示代理</td>
            <td>true</td>
            <td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td>
        </tr>
        
    </table>

    <h4>Methods</h4>
    <table>
        <tr><th>Name</th><th>Parameter</th><th>Description</th><th>Return</th></tr>
        <tr>
            <td>show ( left, top )<br />showAtPos ( left, top )</td>
            <td>left: left, center, right<br />
                top: top, middle, bottom
            </td>
            <td>弹出显示面板</td>
            <td></td>
        </tr>
        <tr>
            <td>showAtEl ( el, options)</td>
            <td>el: html元素。<br />
options:
<pre>
 {
    xAlign: String, //outleft,left,center,right,outright
    yAlign: String  //above,top,middle,bottom,below
}
</pre>
            </td>
            <td>定位元素弹出显示</td>
            <td></td>
        </tr>
        <tr>
            <td>hide ( )</td>
            <td></td>
            <td>隐藏面板</td>
            <td></td>
        </tr>
        <tr>
            <td>max ( )</td>
            <td></td>
            <td>最大化</td>
            <td></td>
        </tr>
        <tr>
            <td>restore ( )</td>
            <td></td>
            <td>还原</td>
            <td></td>
        </tr>
    </table>

    <h4>Events</h4>
    <table>
        <tr><th>Name</th><th>EventObject</th><th>Description</th></tr>
        <tr>
            <td>moveend</td>
            <td></td>
            <td>拖拽移动结束时发生</td>
           
        </tr>
        
    </table>

</body>
</html>
